<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>产品中心</title>
<link rel="stylesheet" href="/home/css/style.css" >
<link rel="stylesheet" href="/home/css/jquery.bxslider.css" >
<link rel="stylesheet" href="/home/css/reset.css">
<script type="text/javascript" src="/home/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/home/js/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="/home/js/jquery.kkPages.js"></script>
</head>

<body>
<!--头部-->

@include('home.header')

  <div class="top_gywm">
   			<ul>
            	<li class="cpzx_left">
                	<div class="gywm_liebiao">
                    	<ul>
                        	<li class="gywm_lbname"><span class="spa">产品分类</span><span class="spb">adout us</span></li>
                            <li class="gywm_lb">
                            	<div>
                                	<ul>
                                    @foreach($procate as $pro)    
                                	<li><a href="/pro_category?category_id={{$pro->id}}" >{{$pro->name}}</a></li>
                                     @endforeach
                             
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                    
                </li>

               <li class="cpzx_right">
               		<div class="gywm_xp"></div>
						<div class="gywm_rightName">
							<ul>
								<li class="gyName">产品中心<span>company profil</span></li>
								<li class="gyyou"></li>
							</ul>
						</div>
               		<div id="newslist" class="cpzx_rightCP">
                    	
                        <ul class="qikan_list">
                          @foreach($data as $val)
                          <li class="imghover"><a href="/product_info?id={{$val ->id}}" target="_blank" title=""><img src="{{$val->thumb}}" alt=""/></a>
                            <div class="fix intro">
                              <div class="l t">{{$val ->name}}</div>
                              <p class="p">{{$val ->description}}</p>
                            </div>
                            <a href="/product_info?id={{$val ->id}}&product_no={{$val->product_no}}" target="_blank" title=""><div class="info">详情...</div></a>
                          </li>
                          @endforeach
                     
        
             
                    
                        </ul>
                    </div>	
               </li> 
           </ul>
   </div> 

 @include('home.footer')   

</div>
<script type="text/javascript">
var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;

function jsddm_open()
{	jsddm_canceltimer();
	jsddm_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
	
	}

function jsddm_close()
{	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
}

function jsddm_timer()
{	closetimer = window.setTimeout(jsddm_close, timeout);
   
}

function jsddm_canceltimer()
{	if(closetimer)
	{	window.clearTimeout(closetimer);
		closetimer = null;}}

$(document).ready(function()
{	$('#jsddm > li').bind('mouseover', jsddm_open);
	$('#jsddm > li').bind('mouseout',  jsddm_timer);});

document.onclick = jsddm_close;
  </script>
<SCRIPT src="/home/js/jquery.bxslider.min.js" type=text/javascript></SCRIPT>
<script type="text/javascript" src="/home/js/jquery.kkPages.js"></script>
<script type="text/javascript">
$('.bxslider1').bxSlider({
  auto:true,
  infiniteLoop: true,
  hideControlOnEnd: true
});

$('#newslist').kkPages({
   PagesClass:'li', //需要分页的元素
   PagesMth:6, //每页显示个数
   PagesNavMth:5 //显示导航个数
});
</script>


</body>
</html>
